:target{#topics-sidebars-and-rubrics}

# Topics, Sidebars, and Rubrics

<aside>
  <p className="sidebar-title">
    Optional Sidebar Title
  </p>

  <p className="sidebar-subtitle">
    Optional Subtitle
  </p>

  This is a sidebar.  It is for text outside the flow of the main
  text.

  <p className="sidebar-rubric">
    This is a rubric inside a sidebar
  </p>

  Sidebars often appears beside the main text with a border and
  background color.
</aside>

<Container type="info" title={"Topic Title"}>
  This is a topic.
</Container>

<p className="sidebar-rubric">
  This is a rubric
</p>

:target{#replacement-text}

# Replacement Text

I recommend you try [Python, <em>the</em> best language around](https://www.python.org) <sup id="id4">:target{#id4}[1](#id3)</sup>.

:target{#target-footnotes}

# Target Footnotes

<Footnote label="1" backrefs={["id4"]} id="id3">
  [https://www.python.org](https://www.python.org)
</Footnote>

:target{#compound-paragraph}

# Compound Paragraph

This paragraph contains a literal block:

```default
Connecting... OK
Transmitting data... OK
Disconnecting... OK
```

and thus consists of a simple paragraph, a literal block, and
another simple paragraph.  Nonetheless it is semantically <em>one</em>
paragraph.

This construct is called a <em>compound paragraph</em> and can be produced
with the "compound" directive.

:target{#comments}

# Comments

Here's one:

(View the HTML source to see the comment.)

:target{#error-handling}

## Error Handling

Any errors caught during processing will generate system messages.

<del id="id2">|\*\*\* Expect 6 errors (including this one). \*\*\*|</del>

There should be six messages in the following, auto-generated
section, "Docutils System Messages":
